/** @type {import('tailwindcss').Config} */

function genSimilarColorsName(brandName) {
    return {
        lighter: `var(--${brandName}-lighter-color)`,
        light: `var(--${brandName}-light-color)`,
        DEFAULT: `var(--${brandName}-color)`,
        deep: `var(--${brandName}-deep-color)`,
        deeper: `var(--${brandName}-deeper-color)`
    };
}

function genSimpleColorsName(names) {
    const colors = {};
    names.forEach(name => {
        colors[name] = `var(--${name}-color)`
    });
    return colors
}

module.exports = {
    separator: '__', // 如果是小程序项目需要设置这一项，将 : 选择器替换成 __，之后 hover:bg-red-500 将改为 hover__bg-red-500
    corePlugins: {
        // 预设样式
        preflight: false, // 一般uniapp都有预设样式，所以不需要tailwindcss的预设

        // 以下功能小程序不支持
        space: false, // > 子节点选择器
        divideWidth: false,
        divideColor: false,
        divideStyle: false,
        divideOpacity: false,
    },
    content: [
        './pages/**/*.{vue,js,ts,jsx,tsx}',
        './main.js',
        './App.vue',
        './index.html'
    ],
    theme: {
        extend: {
            colors: {
                primary: genSimilarColorsName('primary'),
                success: genSimilarColorsName('success'),
                warning: genSimilarColorsName('warning'),
                error: genSimilarColorsName('error'),
                info: genSimilarColorsName('info'),
                ...genSimpleColorsName(['main', 'content', 'tips', 'light', 'border', 'bg', 'disabled'])
            }
        },
    },
    plugins: [],
}

